require(['./config'], () => {
    require(['template', 'req', 'header', 'footer', 'jquery'], (template, req) => {
        class Regis {
            constructor() {
                //添加注册事件
                this.addEvent()

            }


            //存储注册数据
            addEvent() {
                //    console.log(localStorage)

                //添加事件
                $('.submit_reg').click(e => {
                    //  console.log(123)
                    //阻止表单默认事件
                    e.preventDefault()
                    //获取用户信息
                    let phone = $('#phone').val()
                    let password = $('#password').val()
                    if (phone && password) {
                        let res = { phone, password}
                        //先把 prodList 取出来看有没有这条数据
                        let user = localStorage.getItem('user')  // 也是字符串
                        let flag = false
                        if (user) {
                            // 有数据
                            user = JSON.parse(user)
                            // 遍历循环判断 prodList 里面有没有这条数据
                            for (let i = 0; i < user.length; i++) {
                                if (user[i].phone === res.phone) {
                                    // 有 
                                    flag = true
                                    break
                                }
                            }
                            if (!flag) {
                                // 数组里面没有这条数据
                                user.push({ ...res })
                                $('.warn2').fadeIn(1000,() => {
                                    //动画消失后跳转页面
                                    $('.warn2').fadeOut(1000,()=>{
                                        //跳转页面并切把用户信息带过去
                                        window.location.href=`/index.html?user=${res.phone}`
                                    })
                                })
                            }else{
                                // 数组里面已经有这条数据
                                $('.warn3').fadeIn(1000,() => {
                                    $('.warn3').fadeOut(1000)
                                })
                                
                            }
                            // 存
                            localStorage.setItem('user', JSON.stringify(user))
                        } else {
                            // 没有
                            const arr = [{ ...res }]
                            // 存
                            localStorage.setItem('user', JSON.stringify(arr))

                            $('.warn2').fadeIn(1000,() => {
                                $('.warn2').fadeOut(1000,()=>{
                                    //跳转页面并切把用户信息带过去
                                    window.location.href=`/index.html?user=${res.phone}`
                                })
                            })
                        }
                        //出现小动画
                        // 让 loading 显示然后消失
                       
                    }else{
                        //如果有一项数据为空
                        $('.warn1').fadeIn(1000,() => {
                            $('.warn1').fadeOut(1000)
                        })
                    }

                })
            }
        }
        return new Regis()
    })
})
